<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.header>div{
				width: 1200px;
				height: 100%;
				background-color: pink;
				margin: 0 auto;
			}
			.header>div>div{
				float: left;
				color: red;
				margin: 0 68px 0 0;
				line-height: inherit;
			}
			.header{
				width: 100%;
				height: 100px;
				background-color: #eee;
				background-image: url(0.jpg);
			}
			.main{
				width: 1200px;
				height: 1240px;
				margin: 10px auto;
				background-image: url(1.jpg);
			}
			.banner{
				width: 100%;
				height: 750px;
				background-color: #eee;
				background-image: url(e.jpeg);
			}
			.minBox{
				width: 100%;
				height: 190px;
				margin: 10px 0;
				background-image: url(3.jpg);
			}
			.minBox>div,.maxBox>div{
				width: 296.25px;
				height:100%;
				background-color: #eee;
				float: left;
			}
			.rightMargin5{
				margin: 0 5px 0 0;
			}
			.maxBox{
				width: 100%;
				height: 280px;
				background-image: url(6.jpg);
			}
			
			.footer{
				width: 100%;
				height: 200px;
				background-color: #eee;
				background-image: url(7.jpg);
			}
			.a{
				background-image: url(9.jpg);
			}
			.b{
				background-image: url(8.jpg);
			}
			.c{
				background-image: url(4.jpg);
			}
			.d{
				background-image: url(5.jpg);
				background-size: 100% 100%;
			}
			.e{
				background-image: url(2.jpg);
				background-size: 100% 100%;
			}
			.f{
				background-image: url(1.jpg);
				background-size: 100% 100%;
			}
			.g{
				background-image: url(3.jpg);
			}
			.h{
				background-image: url(6.jpg);
				background-size: 100% 100%;
			}
			.header img{
				width: 100px;height: 100px;
			}
		</style>
		
	</head>
	<body>
		
		<div class="header">
				<div>
					 <div><img src="9.jpg"/>天天</div>
					 <div><img src="8.jpg"/>瑶瑶</div>
					 <div><img src="10.gif"/>妖妖</div>
					 <div><img src="11.gif"/>夭夭</div>
					 <div><img src="12.gif"/>阿离</div>
					 <div><img src="13.gif"/>阿狸</div>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="banner"></div>
			<div class="minBox">
				<div class="rightMargin5 a"></div>
				<div class="rightMargin5 b"></div>
				<div class="rightMargin5 c"></div>
				<div class="g"></div>
			</div>
			<div class="maxBox">
				<div class="rightMargin5 d"></div>
				<div class="rightMargin5 e"></div>
				<div class="rightMargin5 f"></div>
				<div class="h"></div>
			</div>
		</div>
		<div class="footer"></div>
	</body>
</html>